﻿*{
    padding:0;
    margin:0;
}
#top{
    width:100%;
    height:100px;
}
#top_logo{
    width:40%;
    height:100px;
    float:left;
}
#top_logo span{
    display:block;
    width:60%;
    height:100px;
    font-size:60px;
    text-align: center;
    line-height: 100px;
    font-weight: bold;
    font-family: "微软雅黑";
    color:rgb(0,116,217);
}
#top #top_right{
    width:60%;
    height:100px;
    float:right;
}
#top #top_right #top_right_ul1{
    width:70%;
    height:50px;
    list-style: none;
}
#top #top_right #top_right_ul1 ul{
    width:70%;
    height:50px;
    list-style: none;
    margin-left:30%;
}
#top #top_right #top_right_ul1 ul li{
    width:20%;
    height:50px;
    float:left;
    margin-left:10%;
}
#top #top_right #top_right_ul1 ul li a{
    display: block;
    width:100%;
    height:30px;
    margin-top:5px;
    text-decoration: none;
    color:gainsboro;
    text-align: center;
    line-height: 30px;
    font-family: "微软雅黑";
    cursor: pointer;
}
#top #top_right #top_right_ul2{
    width:70%;
    height:50px;
    list-style: none;
    margin-left:20%;
}
#top #top_right #top_right_ul2 ul{
    width:100%;
    height:50px;
    list-style:none;
}
#top #top_right #top_right_ul2 ul li{
    float:left;
    width:15%;
    height:50px;
    cursor: pointer;
}
#top #top_right #top_right_ul2 ul li a{
    display: block;
    width:100%;
    height:30px;
    margin-top:5px;
    text-decoration: none;
    color:cornflowerblue;
    text-align: center;
    line-height: 30px;
    font-family: "微软雅黑";
}
#top #top_right #top_right_ul2 ul li a:hover{
    color:white;
    background:deepskyblue;
}
#first{
    with:100%;
}
#first #pic1{
    width:100%;
}
#bottom{
    width:100%;
    height:100px;
    background:rgb(50,50,50);
    text-align: center;
    line-height: 100px;
    color:white;
    font-size: 15px;
    font-family: "微软雅黑";
}
#title{
    width:100%;
    height:200px;
    background:cornflowerblue;
    overflow: hidden;
}
#title span{
    display: block;
    width:100px;
    height:60px;
    font-size:30px;
    color:white;
    font-family: "微软雅黑";
    font-weight: 900;
    text-align: center;
    line-height: 60px;
    margin-left:8%;
    margin-top:50px;
}
#title #createUser{
    width:8%;
    height:30px;
    margin-left:8%;
}
#title #createUser #div1{
    width:50%;
    height:30px;
    text-align: left;
    line-height: 30px;
    color:white;
    font-family: "微软雅黑";
    float:left;
}
#title #createUser #div2{
    width:50%;
    height:30px;
    text-align: left;
    line-height: 30px;
    color:white;
    font-family: "微软雅黑";
    float:right;
}
#nav{
    width:90%;
    height:30px;
    margin:20px auto;
}
#nav ul{
    width:50%;
    height:28px;
    list-style: none;
}
#nav ul li{
    width:20%;
    height:28px;
    float:left;
}
#nav ul li a{
    display:block;
    width:100%;
    height:28px;
    color:cornflowerblue;
    text-align: center;
    line-height: 28px;
    font-family: "微软雅黑";
    text-decoration: none;
}
#nav ul li a:hover{
    background:cornflowerblue;
    color:white;
}
#nav #line{
    width:100%;
    height:2px;
    background:cornflowerblue;
}
#data_show{
    width:90%;
    height:400px;
    margin:20px auto;
    overflow: hidden;

}
#show{
    width:70%;
    height:300px;
    margin:50px auto;
}
#show #spanOne{
    display: block;
    width:60%;
    height:300px;
    font-size:170px;
    text-align: center;
    line-height: 300px;
    font-family: "微软雅黑";
    float:left;
    color:cornflowerblue;
}
#show #spanTwo{
    display: block;
    width:40%;
    height:100px;
    font-size:40px;
    text-align: center;
    line-height: 100px;
    font-family: "微软雅黑";
    float:right;
    margin-top:120px;
    position: relative;
    right:200px;
    color:cornflowerblue;
}
#serviceInfo{
    width:500px;
    height:300px;
    margin:10px auto;
}
#serviceInfo h4{
    width:10%;
    height:30px;
    display:block;
    color:rgb(51,136,205);
    margin:0 auto;
}
.b{
    width:100%;
    height:30px;
}
.b .span1{
    width:40%;
    height:30px;
    float:left;
    color:rgb(51,136,205);
    text-align: center;
    line-height: 30px;
}
.b .span2{
    width:60%;
    height:30px;
    float:right;
    color:black;
    text-align: left;
    line-height: 30px;
}

#deviceList span#title_content,
#deviceList span#about_content,
#deviceList span#tags_content,
#deviceList span#local_content,
#deviceList span#deviceId_content{
    display: inline-block;
    width: 50%;
}